import createDOMElement from "./createDOMElement"

// export default function mountNativeElement(virtualDOM, container) {
//   let newElement = null
//   // 创建父节点
//   // 判断是节点是文本节点还是元素节点，然后分别处理
//   if (virtualDOM.type === 'text') {
//     // 文本节点
//     newElement = document.createTextNode(virtualDOM.props.textContent)
//   } else {
//     // 元素节点
//     newElement = document.createElement(virtualDOM.type)
//   }

//   // 递归创建子节点
//   // 为什么不直接调用mountNativeElement呢，因为不确定这个child是个普通的dom还是个组件，
//   // 所以调用了mountElement这个方法，如果这个child还是个native element就进入mountNativeElement方法，
//   // 如果是组件的话就进入mountComponent方法
//   virtualDOM.children.forEach(child => {
//     mountElement(child, newElement)
//   })
  
//   // 将装换的dom对象添加到HTML（页面）中
//   container.appendChild(newElement)
// }


// 代码复用，抽取用来创建dom元素的那部分代码
export default function mountNativeElement(virtualDOM, container) {
  // 创建dom元素
  const newElement = createDOMElement(virtualDOM)
  // 将装换的dom对象添加到HTML（页面）中
  container.appendChild(newElement)
}